<template>
	<view style="padding: 20rpx;">
		<view style="padding-left: 30rpx;">
			<view style="width:100%;margin-top: 30rpx;position: relative;" v-for="(activity, index) in historyData" color="#409EFF"
				:key="index">
				<view style="width:26rpx;height:26rpx;background-color: #2979ff;position: absolute;top:6rpx;left: -35rpx;border-radius: 20rpx;z-index: 999;">
				</view>
				<view style="width:4rpx;height:94%;background-color: #f2f2f2;position: absolute;top:16rpx;left: -24rpx;border-radius: 20rpx;">
				</view>
				<view style="font-weight:bold;font-size: 26rpx;">{{showName[activity.nodeType]}}节点：{{activity.nodeName}}{{activity.applierName2?("[ "+activity.applierName2+" ]"):""}}
					<span
						v-show="activity.signType">{{activity.nodeType!='applier'?(activity.signType=='AND'?'（会签）':'（或签）'):""}}</span>
					<span v-show="activity.dealType">{{activity.dealType=='AND'?'（会签）':'（或签）'}}</span>
				</view>
				<view style="color:#333;font-size: 26rpx;" v-show="activity.assigneeList&&activity.assigneeList.length">
					<span
						style="color:#666;margin-bottom: 5rpx;font-weight:bold;">{{showName[activity.nodeType]}}流转详情如下:
					</span>
					<view v-for="(item,index) in activity.assigneeList" :key="index+'ass'">
						<view style="color:#666;" v-show="!(!!item.approveTime&&!item.approveType)"><i
								class="el-icon-user-solid"></i>{{item.name+'—'+(item.approveType?approveType[item.approveType]:'审批中...')}}
						</view>
						<view style="color:#999;font-size: 26rpx;" v-show="!(!!item.approveTime&&!item.approveType)">
							<i class="el-icon-tickets"></i>
							审批备注：{{item.comment?item.comment:'--'}}
						</view>
						<view style="color:#999;margin-bottom:8rpx;font-size: 26rpx;"
							v-show="!(!!item.approveTime&&!item.approveType)"><i class="el-icon-timer"></i>
							审批时间：{{item.approveTime?item.approveTime:'--'}}</view>
					</view>
				</view>
				<view style="color:#333" v-show="activity.dealers&&activity.dealers.length">
					<span style="color:#666;margin-bottom: 5rpx;">{{showName[activity.nodeType]}}流转详情如下: </span>
					<view v-for="(item,index) in activity.dealers" :key="index+'dealers'">
						<view style="color:#666;" v-show="!(!!item.approveTime&&!item.approveType)"><i
								class="el-icon-user-solid"></i>{{item.name+'—'+(item.operationType?approveType[item.operationType]:'办理中...')}}
						</view>
						<view style="color:#999;font-size: 13rpx;" v-show="!(!!item.approveTime&&!item.approveType)">
							<i class="el-icon-tickets"></i>
							办理备注：{{item.comment?item.comment:'--'}}
						</view>
						<view style="color:#999;margin-bottom:8rpx;font-size: 13rpx;"
							v-show="!(!!item.approveTime&&!item.approveType)"><i class="el-icon-timer"></i>
							办理时间：{{item.dealTime?item.dealTime:'--'}}</view>
					</view>
				</view>
				<view style="color:#666;font-size: 26rpx;margin-top: 10rpx;font-weight: bold;" v-show="activity.duration">
					总耗时：{{(activity.durationStr)}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import global from '@/plugins/global'
	export default {
		name: 'approvehistorys',
		props: {
			historyData:Array
		},
		data() {
			return {
			}
		},
		methods: {
		},
	}
</script>

<style lang="scss" scoped>
	.historyDrawer{
		padding: 20rpx;
	}
</style>